﻿@{ Layout = null; }
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>淘房侠舆情分析系统</title>
    <link href="~/YuQing/base.css?v=1" rel="stylesheet" />
    <link href="~/YuQing/bootstrap.css" rel="stylesheet" />
    <link href="~/YuQing/index.css" rel="stylesheet" />
    <link href="~/YuQing/viewer.css" rel="stylesheet" />
    <link href="~/YuQing/viewer.min.css" rel="stylesheet" />
    <style>
        .t_title {
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 2.5em;
            line-height: 80px;
            color: #fff;
        }

        #chart_map {
            cursor: pointer;
        }

        .t_show {
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            background: #2C58A6;
            padding: 2px 5px;
            color: #fff;
            cursor: pointer;
        }
    </style>
    <script src="~/YuQing/jquery.min.js"></script>
    <script src="~/YuQing/bootstrap.min.js"></script>
    <script src="~/YuQing/china.js"></script>
    <script src="~/YuQing/common.js"></script>
    <script src="~/YuQing/dataTool.js"></script>
    <script src="~/YuQing/echarts.min.js"></script>
    <script src="~/YuQing/hunan.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=ptOqTGMQ7Seyo69W3EfOfFw0fnVXa5ue"></script>
    <script src="~/YuQing/main.js"></script>
    <script src="~/YuQing/viewer.js"></script>
    <script src="~/YuQing/viewer.min.js"></script>
    <script type="text/javascript">
        $(function () {
            echart_1();
            echart_2();

            echart_3();
            echart_4();

            //echart_map();
            echart_5();

            echart_6();

            echart_7();

            echart_8();

            $('#photos').viewer();

            function zoomimg(img) {
                alert(321);
                //img.style.zoom获取img对象的缩放比例，并转为十进制整数
                var zoom = parseInt(img.style.zoom, 10);
                if (isNaN(zoom)) {    //当zoom非数字时zoom默认为100％
                    zoom = 100;
                }
                //event.wheelDelta滚轮移动量上移＋120，下移－120；显示比例每次增减10％
                zoom += event.wheelDelta / 12;
                //当zoom大于10％时重新设置显示比例
                if (zoom > 10) img.style.zoom = zoom + "%";
            }

            //人员标签统计
            //echart_1湖南货物收入
            function echart_1() {
                var myChart = echarts.init(document.getElementById('chart_1'));
                var option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c}人数"
                    },
                    legend: {
                        x: 'center',
                        y: '15%',
                        data: {},
                        icon: 'circle',
                        textStyle: {
                            color: '#fff',
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '',
                        type: 'pie',
                        //起始角度，支持范围[0, 360]
                        startAngle: 0,
                        //饼图的半径，数组的第一项是内半径，第二项是外半径
                        radius: [41, 100.75],
                        //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                        center: ['50%', '40%'],
                        //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                        // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                        //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                        roseType: 'area',
                        //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                formatter: '{c}人数'
                            },
                            emphasis: {
                                show: true
                            }
                        },
                        labelLine: {
                            normal: {
                                show: true,
                                length2: 1,
                            },
                            emphasis: {
                                show: true
                            }
                        }
                    }]
                };
                myChart.setOption(option);

                var yanshi = new Array();
                yanshi.push("#f845f1");
                yanshi.push("#ad46f3");
                yanshi.push("#5045f6");
                yanshi.push("#4777f5");
                yanshi.push("#44aff0");
                yanshi.push("#45dbf7");
                yanshi.push("#f6d54a");
                yanshi.push("#f9d64a");
                yanshi.push("#f3d26a");

                var art = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    success: function (date) {
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art.push({
                                value: json[index].shuliang,
                                name: json[index].BiaoQianMingCheng,
                                itemStyle: {
                                    normal: {
                                        color: yanshi[index]
                                    }
                                }
                            });
                        });
                        $.each(json, function (index) {
                            art.push({
                                value: 0,
                                name: "",
                                itemStyle: {
                                    normal: {
                                        color: 'transparent'
                                    }
                                },
                                label: {
                                    show: false
                                },
                                labelLine: {
                                    show: false
                                }
                            });
                        });
                        console.log(art);
                        myChart.setOption({
                            series: [{
                                name: '',
                                type: 'pie',
                                //起始角度，支持范围[0, 360]
                                startAngle: 0,
                                //饼图的半径，数组的第一项是内半径，第二项是外半径
                                radius: [41, 100.75],
                                //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                                center: ['50%', '40%'],
                                //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                                // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                                //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                                roseType: 'area',
                                //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                                avoidLabelOverlap: false,
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: '{c}人数'
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                labelLine: {
                                    normal: {
                                        show: true,
                                        length2: 1,
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                data: art
                            }]
                        });
                    }
                });

                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "renyuanbiaoqian" },
                    success: function (date) {
                        arr = date.split(',');
                        myChart.setOption({
                            legend: {
                                x: 'center',
                                y: '15%',
                                data: arr,
                                icon: 'circle',
                                textStyle: {
                                    color: '#fff',
                                }
                            }
                        });
                    }
                });

                // 使用刚指定的配置项和数据显示图表。

                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }


            //人员职业统计
            function echart_7() {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart_6'));
                var option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c}人数"
                    },
                    legend: {
                        x: 'center',
                        y: '15%',
                        data: {},
                        icon: 'circle',
                        textStyle: {
                            color: '#fff',
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '',
                        type: 'pie',
                        //起始角度，支持范围[0, 360]
                        startAngle: 0,
                        //饼图的半径，数组的第一项是内半径，第二项是外半径
                        radius: [41, 100.75],
                        //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                        center: ['50%', '40%'],
                        //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                        // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                        //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                        roseType: 'area',
                        //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                formatter: '{c}人数'
                            },
                            emphasis: {
                                show: true
                            }
                        },
                        labelLine: {
                            normal: {
                                show: true,
                                length2: 1,
                            },
                            emphasis: {
                                show: true
                            }
                        }
                    }]
                };
                myChart.setOption(option);

                var yanshi = new Array();
                yanshi.push("#f845f1");
                yanshi.push("#ad46f3");
                yanshi.push("#5045f6");
                yanshi.push("#4777f5");
                yanshi.push("#44aff0");
                yanshi.push("#45dbf7");
                yanshi.push("#f6d54a");
                yanshi.push("#f9d64a");
                yanshi.push("#f3d26a");

                var art = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "renyuanzhiyeshuliang" },
                    success: function (date) {
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art.push({
                                value: json[index].shuliang,
                                name: json[index].ZhiYe,
                                itemStyle: {
                                    normal: {
                                        color: yanshi[index]
                                    }
                                }
                            });
                        });
                        $.each(json, function (index) {
                            art.push({
                                value: 0,
                                name: "",
                                itemStyle: {
                                    normal: {
                                        color: 'transparent'
                                    }
                                },
                                label: {
                                    show: false
                                },
                                labelLine: {
                                    show: false
                                }
                            });
                        });
                        console.log(art);
                        myChart.setOption({
                            series: [{
                                name: '',
                                type: 'pie',
                                //起始角度，支持范围[0, 360]
                                startAngle: 0,
                                //饼图的半径，数组的第一项是内半径，第二项是外半径
                                radius: [41, 100.75],
                                //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                                center: ['50%', '40%'],
                                //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                                // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                                //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                                roseType: 'area',
                                //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                                avoidLabelOverlap: false,
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: '{c}人数'
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                labelLine: {
                                    normal: {
                                        show: true,
                                        length2: 1,
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                data: art
                            }]
                        });
                    }
                });

                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "renyuanzhiye" },
                    success: function (date) {
                        arr = date.split(',');
                        myChart.setOption({
                            legend: {
                                x: 'center',
                                y: '15%',
                                data: arr,
                                icon: 'circle',
                                textStyle: {
                                    color: '#fff',
                                }
                            }
                        });
                    }
                });

                // 使用刚指定的配置项和数据显示图表。

                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }


            function echart_8() {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart_8'));
                var option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c}人数"
                    },
                    legend: {
                        x: 'center',
                        y: '15%',
                        data: {},
                        icon: 'circle',
                        textStyle: {
                            color: '#fff',
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '',
                        type: 'pie',
                        //起始角度，支持范围[0, 360]
                        startAngle: 0,
                        //饼图的半径，数组的第一项是内半径，第二项是外半径
                        radius: [41, 100.75],
                        //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                        center: ['50%', '40%'],
                        //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                        // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                        //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                        roseType: 'area',
                        //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                formatter: '{c}人数'
                            },
                            emphasis: {
                                show: true
                            }
                        },
                        labelLine: {
                            normal: {
                                show: true,
                                length2: 1,
                            },
                            emphasis: {
                                show: true
                            }
                        }
                    }]
                };
                myChart.setOption(option);

                var yanshi = new Array();
                yanshi.push("#f845f1");
                yanshi.push("#ad46f3");
                yanshi.push("#5045f6");
                yanshi.push("#4777f5");
                yanshi.push("#44aff0");
                yanshi.push("#45dbf7");
                yanshi.push("#f6d54a");
                yanshi.push("#f9d64a");
                yanshi.push("#f3d26a");

                var art = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "wenhuachengdushuliang" },
                    success: function (date) {
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art.push({
                                value: json[index].shuliang,
                                name: json[index].WenHuaChengDu,
                                itemStyle: {
                                    normal: {
                                        color: yanshi[index]
                                    }
                                }
                            });
                        });
                        $.each(json, function (index) {
                            art.push({
                                value: 0,
                                name: "",
                                itemStyle: {
                                    normal: {
                                        color: 'transparent'
                                    }
                                },
                                label: {
                                    show: false
                                },
                                labelLine: {
                                    show: false
                                }
                            });
                        });
                        console.log(art);
                        myChart.setOption({
                            series: [{
                                name: '',
                                type: 'pie',
                                //起始角度，支持范围[0, 360]
                                startAngle: 0,
                                //饼图的半径，数组的第一项是内半径，第二项是外半径
                                radius: [41, 100.75],
                                //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                                center: ['50%', '40%'],
                                //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                                // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                                //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                                roseType: 'area',
                                //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                                avoidLabelOverlap: false,
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: '{c}人数'
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                labelLine: {
                                    normal: {
                                        show: true,
                                        length2: 1,
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                data: art
                            }]
                        });
                    }
                });

                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "wenhuachengdu" },
                    success: function (date) {
                        arr = date.split(',');
                        myChart.setOption({
                            legend: {
                                x: 'center',
                                y: '15%',
                                data: arr,
                                icon: 'circle',
                                textStyle: {
                                    color: '#fff',
                                }
                            }
                        });
                    }
                });

                // 使用刚指定的配置项和数据显示图表。

                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }

            //家庭标签统计
            //echart_2湖南省地图
            function echart_2() {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart_2'));
                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: "{b} : {c}人数"
                    },
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                    },
                    textStyle: {
                        fontWeight: 'normal',              //标题颜色
                        color: '#fff'
                    },
                    yAxis: {
                        type: 'value'
                    }
                };
                myChart.setOption(option);


                var yanshi = new Array();
                yanshi.push("#4777f5");
                yanshi.push("#44aff0");
                yanshi.push("#45dbf7");
                yanshi.push("#f6d54a");
                yanshi.push("#f845f1");
                yanshi.push("#ad46f3");
                yanshi.push("#5045f6");
                yanshi.push("#f9d64a");
                yanshi.push("#f3d26a");

                var art = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "shuliang2" },
                    success: function (date) {
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art.push({
                                value: json[index].shuliang,
                                name: json[index].BiaoQianMingCheng,
                                itemStyle: {
                                    normal: {
                                        color: yanshi[index]
                                    }
                                }
                            });
                        });
                        $.each(json, function (index) {
                            art.push({
                                value: 0,
                                name: "",
                                itemStyle: {
                                    normal: {
                                        color: 'transparent'
                                    }
                                },
                                label: {
                                    show: false
                                },
                                labelLine: {
                                    show: false
                                }
                            });
                        });
                        console.log(art);
                        myChart.setOption({
                            series: [{
                                type: 'bar',
                                showBackground: true,
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: '{c}人数'
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                labelLine: {
                                    normal: {
                                        show: true,
                                        length2: 1,
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                data: art
                            }]
                        });
                    }
                });


                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "jiatingbiaoqian" },
                    success: function (date) {
                        arr = date.split(',');
                        myChart.setOption({
                            xAxis: {
                                type: 'category',
                                data: arr,
                            }
                        });
                    }
                });

                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }

            // echart_map中国地图
            function echart_map() {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart_map'));
                var map = new BMap.Map("chart_map");    // 创建Map实例
                map.centerAndZoom(new BMap.Point(123.8, 50.58), 11);  // 初始化地图,设置中心点坐标和地图级别
                //添加地图类型控件
                map.addControl(new BMap.MapTypeControl({
                    mapTypes: [
                        BMAP_NORMAL_MAP,
                        BMAP_HYBRID_MAP
                    ]
                }));
                map.setCurrentCity("鄂伦春自治旗");          // 设置地图显示的城市 此项是必须设置的
                map.enableScrollWheelZoom(true);
                map.setMapType(BMAP_HYBRID_MAP);
                map.enableScrollWheelZoom();

            }

            //echart_3货物周转量
            function echart_3() {
                // 基于准备好的dom，初始化echarts实例

                var colorList = ['#44aff0', '#f845f1', '#DA9CFF', '#27727B',
                    '#5D84FF', '#C1232B', '#B5C334', '#FCCE10', '#E87C25',
                    '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD'];

                var myChart = echarts.init(document.getElementById('chart_7'));
                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{b}:{c}人 ({d}%)'
                    },
                    color: colorList
                    ,
                    legend: {
                        textStyle: { color: "#fff" },
                        orient: 'vertical',
                        left: 10,
                        data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
                    },
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius: ['50%', '70%'],
                            avoidLabelOverlap: false,
                            label: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            },
                            labelLine: {
                                show: false
                            },
                            data: [
                                { value: 1000, name: '直接访问' },
                                { value: 310, name: '邮件营销' },
                                { value: 234, name: '联盟广告' },
                                { value: 135, name: '视频广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        }
                    ]
                };
                myChart.setOption(option);

                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "xingbeishuliang" },
                    success: function (date) {
                        var art1 = [];
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art1.push({ value: json[index].shuliang, name: "" + json[index].XingBie + "" });
                        });
                        console.log(art1);
                        myChart.setOption({
                            series: [
                                {
                                    name: '访问来源',
                                    type: 'pie',
                                    radius: ['50%', '70%'],
                                    avoidLabelOverlap: false,
                                    label: {
                                        show: false,
                                        position: 'center'
                                    },
                                    emphasis: {
                                        label: {
                                            show: true,
                                            fontSize: '30',
                                            fontWeight: 'bold'
                                        }
                                    },
                                    labelLine: {
                                        show: false
                                    },
                                    data: art1
                                }
                            ]
                        });
                    }
                });

                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "xingbei" },
                    success: function (date) {
                        arr = date.split(',');
                        console.log(arr);
                        myChart.setOption({
                            legend: {
                                orient: 'vertical',
                                left: 10,
                                data: arr
                            }
                        });
                    }
                });

            }

            function echart_6() {
                var myChart = echarts.init(document.getElementById('chart_4'));
                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{b}:{c}人 ({d}%)'
                    },
                    legend: {
                        textStyle: { color: "#fff" },
                        orient: 'vertical',
                        left: 10,
                        data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
                    },
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius: ['50%', '70%'],
                            avoidLabelOverlap: false,
                            label: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            },
                            labelLine: {
                                show: false
                            },
                            data: [
                                { value: 1000, name: '直接访问' },
                                { value: 310, name: '邮件营销' },
                                { value: 234, name: '联盟广告' },
                                { value: 135, name: '视频广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        }
                    ]
                };
                myChart.setOption(option);

                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "renyuanshuliang" },
                    success: function (date) {
                        var art1 = [];
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art1.push({ value: json[index].shuliang, name: "" + json[index].MinZu + "" });
                        });
                        console.log(art1);
                        myChart.setOption({
                            series: [
                                {
                                    name: '访问来源',
                                    type: 'pie',
                                    radius: ['50%', '70%'],
                                    avoidLabelOverlap: false,
                                    label: {
                                        show: false,
                                        position: 'center'
                                    },
                                    emphasis: {
                                        label: {
                                            show: true,
                                            fontSize: '30',
                                            fontWeight: 'bold'
                                        }
                                    },
                                    labelLine: {
                                        show: false
                                    },
                                    data: art1
                                }
                            ]
                        });
                    }
                });

                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "renyuanminzhu" },
                    success: function (date) {
                        arr = date.split(',');
                        console.log(arr);
                        myChart.setOption({
                            legend: {
                                orient: 'vertical',
                                left: 10,
                                data: arr
                            }
                        });
                    }
                });
            }


            //湖南高速公路
            function echart_4() {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart_3'));

                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{b}: {c} ({d}%)'
                    },
                    legend: {
                        textStyle: { color: "#fff" },
                        orient: 'vertical',
                        left: 10,
                        data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
                    },
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius: ['50%', '70%'],
                            avoidLabelOverlap: false,
                            label: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            },
                            labelLine: {
                                show: false
                            },
                            data: [
                                { value: 1000, name: '直接访问' },
                                { value: 310, name: '邮件营销' },
                                { value: 234, name: '联盟广告' },
                                { value: 135, name: '视频广告' },
                                { value: 1548, name: '搜索引擎' }
                            ]
                        }
                    ]
                };
                myChart.setOption(option);

                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "tushushuliang" },
                    success: function (date) {
                        var art1 = [];
                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art1.push({ value: json[index].shuliang, name: "" + json[index].LeiXingMingCheng + "" });
                        });
                        console.log(art1);
                        myChart.setOption({
                            series: [
                                {
                                    name: '访问来源',
                                    type: 'pie',
                                    radius: ['50%', '70%'],
                                    avoidLabelOverlap: false,
                                    label: {
                                        show: false,
                                        position: 'center'
                                    },
                                    emphasis: {
                                        label: {
                                            show: true,
                                            fontSize: '30',
                                            fontWeight: 'bold'
                                        }
                                    },
                                    labelLine: {
                                        show: false
                                    },
                                    data: art1
                                }
                            ]
                        });
                    }
                });

                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "tushumingcheng" },
                    success: function (date) {
                        arr = date.split(',');
                        console.log(arr);
                        myChart.setOption({
                            legend: {
                                orient: 'vertical',
                                left: 10,
                                data: arr
                            }
                        });
                    }
                });
            }
            //湖南省飞机场
            function echart_5() {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart_5'));

                option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    textStyle: {
                        fontWeight: 'normal',              //标题颜色
                        color: '#fff'
                    },
                    legend: {
                        data: ['正式党员', '预备党员'],
                        textStyle: { color: "#fff" }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'value'
                    },
                    yAxis: {
                        type: 'category',
                        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
                    }
                };
                myChart.setOption(option);


                var yanshi = new Array();
                yanshi.push("#f845f1");
                yanshi.push("#ad46f3");
                yanshi.push("#5045f6");
                yanshi.push("#4777f5");
                yanshi.push("#44aff0");
                yanshi.push("#45dbf7");
                yanshi.push("#f6d54a");
                yanshi.push("#f9d64a");
                yanshi.push("#f3d26a");


                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "zhengshidangyuan" },
                    success: function (date) {

                        var art = [];
                        var art1 = [];
                        var art2 = [];
                        var art3 = [];
                        var art4 = [];

                        var json = eval("(" + date + ")");
                        $.each(json, function (index) {
                            art1[index] = json[index].XueLi;
                            art2.push(json[index].shuliang);
                        });
                        $.ajax({
                            type: 'post',
                            url: '../Controller/Index.ashx',
                            dataType: 'text',
                            async: true,
                            data: { PanDuan: "yubeidangyuan" },
                            success: function (date) {
                                var json = eval("(" + date + ")");
                                $.each(json, function (index) {
                                    for (var i = 0; i < art1.length; i++) {
                                        if (json[index].XueLi == art1[i]) {
                                            art3.push(json[index].shuliang);
                                        } else {
                                            art3.push("0");
                                        }
                                    }
                                });
                                art.push({
                                    name: '正式党员',
                                    type: 'bar',
                                    stack: '总量',
                                    label: {
                                        show: true,
                                        position: 'insideRight'
                                    },
                                    itemStyle: {
                                        normal: {
                                            color: "#45dbf7"
                                        }
                                    },
                                    data: art2
                                });
                                art4 = art3;
                                art.push({
                                    name: '预备党员',
                                    type: 'bar',
                                    stack: '总量',
                                    label: {
                                        show: true,
                                        position: 'insideRight'
                                    },
                                    data: art4
                                });

                                console.log(art);
                                myChart.setOption({
                                    series: art
                                })
                            }
                        });
                    }
                });


                var arr = [];
                $.ajax({
                    type: 'post',
                    url: '../Controller/Index.ashx',
                    dataType: 'text',
                    async: true,
                    data: { PanDuan: "dangyuanxueli" },
                    success: function (date) {
                        arr = date.split(',');
                        myChart.setOption({
                            yAxis: {
                                type: 'category',
                                data: arr
                            }
                        });
                    }
                });

                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }
        });
    </script>
</head>
<body>
    <!--header-->
    <div class="header">
        <div class="bg_header">
            <div class="header_nav fl t_title">
                淘房侠舆情分析系统
            </div>
        </div>
    </div>

    <!--main-->
    <div class="data_content" style="padding-bottom:60px;">

        <div class="data_main">
            <div class="main_left fl">
                <div class="left_1 t_btn6" style="cursor: pointer;">
                    <!--左上边框-->
                    <div class="t_line_box">
                        <i class="t_l_line"></i>
                        <i class="l_t_line"></i>
                    </div>
                    <!--右上边框-->
                    <div class="t_line_box">
                        <i class="t_r_line"></i>
                        <i class="r_t_line"></i>
                    </div>
                    <!--左下边框-->
                    <div class="t_line_box">
                        <i class="l_b_line"></i>
                        <i class="b_l_line"></i>
                    </div>
                    <!--右下边框-->
                    <div class="t_line_box">
                        <i class="r_b_line"></i>
                        <i class="b_r_line"></i>
                    </div>
                    <div class="main_title">
                        <img src="~/YuQing/t_1.png" />
                        人员标签统计
                    </div>
                    <div id="chart_1" class="chart" style="width: 100%; height: 280px;"></div>
                </div>
                <div class="left_2" style="cursor: pointer;">
                    <!--左上边框-->
                    <div class="t_line_box">
                        <i class="t_l_line"></i>
                        <i class="l_t_line"></i>
                    </div>
                    <!--右上边框-->
                    <div class="t_line_box">
                        <i class="t_r_line"></i>
                        <i class="r_t_line"></i>
                    </div>
                    <!--左下边框-->
                    <div class="t_line_box">
                        <i class="l_b_line"></i>
                        <i class="b_l_line"></i>
                    </div>
                    <!--右下边框-->
                    <div class="t_line_box">
                        <i class="r_b_line"></i>
                        <i class="b_r_line"></i>
                    </div>
                    <div class="main_title">
                        <img src="~/YuQing/t_1.png" />
                        家庭标签统计
                    </div>
                    <div id="chart_2" class="chart t_btn9" style="width: 100%; height: 280px;"></div>
                </div>
            </div>
            <div class="main_center fl">
                <div class="center_text">
                    <!--左上边框-->
                    @*<div style="z-index:99999;">
                        <img id='photos' data-original='../../008/img/125f9727f2e83d4a45cb9396177a19c.jpg' src='../../008/img/125f9727f2e83d4a45cb9396177a19c.jpg' style="width: 100%; height: 610px;" />
                    </div>*@

                    <div class="main_title">
                        <img src="../../008/img/t_3.png" alt="" />
                        地图
                    </div>
                </div>
            </div>
            <div class="main_right fr" style="text-align: center">
                <div class="right_1">

                    <div class="main_title">
                        <img src="~/YuQing/t_1.png" />
                        图书数量统计
                    </div>
                    <br />
                    <br />
                    <div id="chart_3" class="echart t_btn7" style="width: 450px; height: 280px; cursor: pointer; margin-top:-35px"></div>
                </div>
                <div class="right_2">
                    <!--左上边框-->
                    <div class="t_line_box">
                        <i class="t_l_line"></i>
                        <i class="l_t_line"></i>
                    </div>
                    <!--右上边框-->
                    <div class="t_line_box">
                        <i class="t_r_line"></i>
                        <i class="r_t_line"></i>
                    </div>
                    <!--左下边框-->
                    <div class="t_line_box">
                        <i class="l_b_line"></i>
                        <i class="b_l_line"></i>
                    </div>
                    <!--右下边框-->
                    <div class="t_line_box">
                        <i class="r_b_line"></i>
                        <i class="b_r_line"></i>
                    </div>
                    <div class="main_title">
                        <img src="~/YuQing/t_1.png" />
                        人员民族统计
                    </div>
                    <div id="chart_4" class="echart fl t_btn4" style="width: 450px; height: 280px; cursor: pointer;"></div>
                </div>
            </div>
        </div>
        <div class="data_bottom">
            <div class="bottom_1 fl t_btn5" style="cursor: pointer;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i>
                    <i class="l_t_line"></i>
                </div>
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i>
                    <i class="r_t_line"></i>
                </div>
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i>
                    <i class="b_l_line"></i>
                </div>
                <!--右下边框-->
                <div class="t_line_box">
                    <i class="r_b_line"></i>
                    <i class="b_r_line"></i>
                </div>
                <div class="main_title">
                    <img src="~/YuQing/t_1.png" />
                    党员学历统计
                </div>
                <div id="chart_5" class="echart fl" style="width: 100%; height: 250px; margin-top: 15px;"></div>
            </div>
            <div class="bottom_center fl">
                <div class="bottom_2 fl">
                    <!--右下边框-->
                    <div class="t_line_box">
                        <i class="r_b_line"></i>
                        <i class="b_r_line"></i>
                    </div>
                    <div class="main_title">
                        <img src="~/YuQing/t_1.png" />
                        文化程度统计
                        <div id="chart_8" class="echart fl" style="width: 440px; height: 300px; margin-left:-160px;margin-top:-40px"></div>
                    </div>
                </div>
                <div class="bottom_3 fl">
                    <!--左上边框-->
                    <div class="t_line_box">
                        <i class="t_l_line"></i>
                        <i class="l_t_line"></i>
                    </div>
                    <!--右上边框-->
                    <div class="t_line_box">
                        <i class="t_r_line"></i>
                        <i class="r_t_line"></i>
                    </div>
                    <!--左下边框-->
                    <div class="t_line_box">
                        <i class="l_b_line"></i>
                        <i class="b_l_line"></i>
                    </div>
                    <!--右下边框-->
                    <div class="t_line_box">
                        <i class="r_b_line"></i>
                        <i class="b_r_line"></i>
                    </div>
                    <div class="main_title">
                        <img src="~/YuQing/t_1.png" />
                        男女比例统计
                    </div>
                    <div id="chart_7" class="echart fl" style="width: 450px; height: 300px;"></div>
                </div>
            </div>
            <div class="bottom_4 fr">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i>
                    <i class="l_t_line"></i>
                </div>
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i>
                    <i class="r_t_line"></i>
                </div>
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i>
                    <i class="b_l_line"></i>
                </div>
                <!--右下边框-->
                <div class="t_line_box">
                    <i class="r_b_line"></i>
                    <i class="b_r_line"></i>
                </div>
                <div class="main_title">
                    <img src="~/YuQing/t_1.png" />
                    人员职业统计
                </div>
                <div id="chart_6" class="echart fl" style="width: 450px; height: 350px; margin-top: -15px;"></div>
            </div>
        </div>
    </div>
</body>
</html>